<%layout("/common/layout.html"){%>


<div class="container">
    <div class="row gd-show">
        <form action="${ctxPath}/design/conform" method="POST" id="gd-buy-form">
            <input type="hidden" name="design" value="${design.id}">
            <input type="text" name="size" id="in-size">
            <input type="text" name="count" id="in-num">
        </form>
        <div class="col-md-6 gd-shirt">
            <img src="${design.img1}" alt="T恤"/>

        </div>
        <div class="col-md-5 col-md-offset-1 gd-right">
            <p class="gd-title">${design.name}</p>

            <p class="gd-subtitle">${design.content}</p>

            <p class="price">
                价格&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="gd-money">￥${design.price}元</span>
            </p>

            <div class="gd-user-form">
                <p class="gd-warning">
                    请补充您所选择的商品信息
                </p>

                <div class="size gd-desc">
                    <p class="gd-word">尺码&nbsp;&nbsp;&nbsp;&nbsp;</p>
                    <ul>
                        <li>
                            <button value="0" class="gd-size btn btn-default">XXL</button>
                        </li>
                        <li>
                            <button value="1" class="gd-size btn btn-default">XL</button>
                        </li>
                        <li>
                            <button value="2" class="gd-size btn btn-default">L</button>
                        </li>
                        <li>
                            <button value="3" class="gd-size btn btn-default">M</button>
                        </li>
                        <li>
                            <button value="4" class="gd-size btn btn-default">S</button>
                        </li>
                    </ul>
                </div>

                <div class="gd-num gd-desc">
                    <p class="gd-word">件数&nbsp;&nbsp;&nbsp;&nbsp;</p>
                    <input type="text" size="5" id="gd-num">                
                </div>
                <div class="gd-buy gd-desc">
                    <a class="btn btn-default btn-lg gd-btn-buy">立即购买</a>
                </div>
            </div>
        </div>
    </div>

    <%if(has(order)){%>

    <div class="row gd-rule">

        <h3>订单信息</h3>

        <p>数量:${order.count}</p>

        <p>状态:${order.type}</p>

        <p>尺码:${printSize(order.size)}</p>

        <p>购买时间:${printTime(order.time)}</p>

    </div>

    <%}%>

    <div class="row gd-details">
        <div class="col-md-9 ge-detail-word">
            <p>
                <button class="btn btn-info">宝贝详情</button>
            </p>
            <p>
                ${design.content}
            </p>
        </div>
        <div class="col-md-2 gd-detail-guess">
            <p>
                <button class="btn btn-info">猜你喜欢</button>
            </p>
            <div>

                <%for(design0 in news){%>
                <div class="guess">
                    <p>
                        ${design0.name}
                    </p>
                    <a href="${ctxPath}/design/info?design=${design0.id}"><img src="${design0.img1}" alt="" class="img-thumbnail"></a>
                </div>
                <%}%>

            </div>
        </div>
    </div>
</div>


<%include("/common/footer.html"){}%>

<script src="${ctxPath}/js/jquery-2.1.3.min.js"></script>
<script src="${ctxPath}/js/bootstrap.min.js"></script>

<script src="${ctxPath}/js/nav.js"></script>
<script src="${ctxPath}/js/gd.js"></script>



<%}%>